Getting Started Developing the UX Patterns
To start working on the design system(and if you have access to repo), clone this repo to a new directory:
git clone https://bitbucket.os.liberty.edu/scm/ds/ux-patterns.git
cd ux-patterns
and run:
npm start
Getting Started With Components
######Script tag
Put this script tag with the version
<link href="https://unpkg.com/@lu-development/ux-patterns@1.7.2/css/liberty.bundle.css" rel="stylesheet">
<script type="module" src="https://unpkg.com/@lu-development/ux-patterns@1.7.2/dist/uxpatterns/uxpatterns.esm.js"></script>
<script nomodule src="https://unpkg.com/@lu-development/ux-patterns@1.7.2/dist/uxpatterns/uxpatterns.js"></script>
You need to import at least the core.css for your app to function. You don't need the full liberty.bundle.css
in the head of your index.html
Then you can use the element anywhere in your template, JSX, html etc.
https://stenciljs.com